<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="master.css">
<title>Login</title>
<script type="text/javascript" >
	
	function validateForm() {
		var x = document.forms["login"]["username"].value;
		var y = document.forms["login"]["password"].value;
		if (x == null || x != "all" || y == null || y != "all" ) {
			alert("Wrong username and password");
			return false;
		}
		return true;
	}
</script>

</head>

<body>
<!--WRAPPER STARTS HERE-->
<div id="wrapper">
	<!--HEADER STARTS HERE-->
	<div id="header">
    	<img id="troo"src="images/sajusassure.png" alt="Troo" title="Troo">
        <p class="heading">Sajus Billing System Login</p>
    </div>
	<!--HEADER ENDS HERE-->
    <!--MAIN CONTENT STARTS HERE-->
    <div id="main-content">
    	<!--PARAGRAPH STARTS HERE-->
            <p class="paragraph">
                <div id="inner-form">
                <form name="login" action="serviceType.action" onsubmit="return validateForm()" >
                    <span class="form-field">
                        Username: <input type="text" name="username" class="input-field">
                    </span>
                    <br>
                    <span class="form-field">
                        Password: <input type="password" name="password" class="input-field">
                    </span>
                    <br>
                    <span class="submit-field">
                        <input type="submit" value="Submit" id="submit-button">
                    </span>
                    
                </form>
                </div>
            </p>
        <!--PARAGRAPH ENDS HERE-->
    
    </div>
    <!--MAIN CONTENT ENDS HERE-->
    <!--FOOTER STARTS HERE-->
    <div id="footer">
        <p></p>    
    </div>
    <!--FOOTER ENDS HERE-->
    
</div>
<!--WRAPPER ENDS HERE-->
</body>
</html>
